<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta charset="utf-8">

        <title>{{ title }}</title>

        <link rel="apple-touch-icon" sizes="57x57" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-57x57.png">
        <link rel="apple-touch-icon" sizes="60x60" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-60x60.png">
        <link rel="apple-touch-icon" sizes="72x72" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="76x76" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-76x76.png">
        <link rel="apple-touch-icon" sizes="114x114" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-114x114.png">
        <link rel="apple-touch-icon" sizes="120x120" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-120x120.png">
        <link rel="apple-touch-icon" sizes="144x144" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-144x144.png">
        <link rel="apple-touch-icon" sizes="152x152" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-152x152.png">
        <link rel="apple-touch-icon" sizes="180x180" href="{{ imgroot }}favicon/{{ color_name }}/apple-touch-icon-180x180.png">
        <link rel="icon" type="image/png" href="{{ imgroot }}favicon/{{ color_name }}/favicon-32x32.png" sizes="32x32">
        <link rel="icon" type="image/png" href="{{ imgroot }}favicon/{{ color_name }}/favicon-194x194.png" sizes="194x194">
        <link rel="icon" type="image/png" href="{{ imgroot }}favicon/{{ color_name }}/favicon-96x96.png" sizes="96x96">
        <link rel="icon" type="image/png" href="{{ imgroot }}favicon/{{ color_name }}/android-chrome-192x192.png" sizes="192x192">
        <link rel="icon" type="image/png" href="{{ imgroot }}favicon/{{ color_name }}/favicon-16x16.png" sizes="16x16">
        <link rel="manifest" href="{{ imgroot }}favicon/{{ color_name }}/manifest.json">
        <link rel="mask-icon" href="{{ imgroot }}favicon/{{ color_name }}/safari-pinned-tab.svg" color="{{ color_code }}">
        <meta name="msapplication-TileColor" content="{{ color_code }}">
        <meta name="msapplication-TileImage" content="{{ imgroot }}favicon/{{ color_name }}/mstile-144x144.png">
        <meta name="theme-color" content="{{ color_code }}">

        {{# stylesheets }}
            <link rel="stylesheet" type="text/css" href="{{ . }}">
        {{/ stylesheets }}
    </head>
    <body>
        {{> navbar }}
        <div id="main-container">
            {{# sidebar }}
                <aside class="{{ classname }}" scrollbar>
                    {{{ content }}}
                    <div class="sidebar-collapser sidebar-collapser-bar" title="Collapse sidebar"></div>
                    <i class="sidebar-collapser sidebar-collapser-icon fa fa-chevron-left" title="Collapse sidebar"></i>
                </aside>
            {{/ sidebar }}
            <main role="main" class="{{ main_classes }}">
                {{# has_feedbacks }}
                <div id="feedback">
                {{# feedbacks }}
                    <section class="tlp-alert-{{ level }}">
                        {{# purified_messages }}
                            <p>{{{ . }}}</p>
                        {{/ purified_messages }}
                    </section>
                {{/ feedbacks }}
                </div>
                {{/ has_feedbacks }}
